import React from 'react'


import  './FootNav.less'

import { NavLink } from 'react-router-dom'
export default class FootNav extends React.Component {
    render() {
        return (
            <div className='nav-footer'>
                <ul>
                    <li>
                        <NavLink exact to='/'>
                            <i className="iconfont icon-home"></i>
                           <span>首页</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/shop'>
                            <i className="iconfont icon-shop"></i>
                            <span>商城</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/life'>
                            <i className="iconfont icon-trophy"></i>
                            <span>生活服务</span>
                        </NavLink>
                    </li>
                    <li>
                        <NavLink to='/mine'>
                            <i className="iconfont icon-team"></i>
                            <span>我的</span>
                        </NavLink>
                    </li>
                </ul>
            </div>
        )
    }
}